<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>秒杀</title>
    <link rel="stylesheet" href="../plugins/layui/layui-v2.5.6/layui/css/layui.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/buycar.css">
    <link rel="stylesheet" href="../css/class.css">
    <link rel="stylesheet" href="../css/foot.css">
    <style>
   

    </style>
</head>
<body>
    <div id="buycar-outer">
        
        <script src="../plugins/layui/layui-v2.5.6/layui/layui.js"></script>
        <script src="../js/offies.js"></script>
        <script src="../js/paper.js"></script>
        
        <script src="../js/time.js"></script>
        <script>
        layui.use('element', function(){
     var $ = layui.jquery
      ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
  
      //触发事件
     var active = {
       setPercent: function(){
      //设置50%进度
      element.progress('demo', '50%')
    }
}
        });

   
        </script>
           
           <div class="nav">
            <div style="padding-left: 80px;">
            <i class="layui-icon layui-icon-home" style="font-size: 20px; color: gray;"></i> 
           <a href="../index.html">店铺首页</a>
            <i class="layui-icon layui-icon-location" style="font-size: 20px; color: gray;"></i>
            安徽
            <div class="nav2">
                <span class="layui-breadcrumb" lay-separator="|" style="padding-left: 90px;">
                    <a href="../view/login.html">登录</a>
                    <a href="..view/register.html">注册</a>
                    <a href="../view/self-center.html">个人中心</a>
                    <a href="../view/order.html" style="padding-left:20px ;">我的订单</a>
                    <a href="../view/collect.html"style="padding-left:20px ;">我的生鲜</a>
                    
                    <a href="../view/seckile.html"style="padding-left:20px ;">限时秒杀</a>
                    <a href="../view/forum.html"style="padding-left:20px ;">好物推荐</a>
                   
                  </span>              
            </div>
            </div>
        </div>
        

        
        <div class="product-class-mid">

          <div class="buycar-rearch">
              <div class="nav-logo">
                  <div class="search">
                      <div class="layui-container">
                          <!-- 定义行 -->
                          <div class="layui-row">

                              <div class="layui-col-md3">
                          <img src="../img/logo.png" style="height: 90px; margin-top: 30px;">
                      </div>
          
                      <div class="layui-col-md7" style="margin-top: 50px; text-align: center;">
                          <span id="parent">
                              <span class="c1"></span>
                              <span>
                                  <input type="text" id="search02" style="margin-left: 100px;">
                              </span>
                              <span style="position: relative;">
                                  <a href="../view/product-class.html"><button class="b1">搜索</button></a>
                                  
                                 
                              </span> 
                              
                          </span> 

                          <span class="layui-breadcrumb" lay-separator="|" style="padding-left: 90px;">
                              
                              <a href="../view/product-class.html" style="margin-left: 50px ;">柚子</a>
                              <a href="../view/product-class.html"style=" ;">柠檬</a>
                              <a href="../view/product-class.html"style=" ;">橙子</a>
                              <a href="../view/product-class.html"style=" ;">车厘子</a>
                              <a href="../view/product-class.html"style=";">海鲜</a>
                              <a href="../view/product-class.html"style=" ;">西瓜</a>
                              <a href="../view/product-class.html"style=" ;">奇异果</a>
                              <a href="../view/product-class.html"style=" ;">蓝莓</a>
                              
                            </span>              
                      </div>

                      <div class="layui-col-md1"  style="margin-top: 50px;">
                          <a href="../view/buycar.html" class="layui-btn layui-btn-primary" style="margin-left: 100px;">我的购物车</a>                       
                      </div>
                          </div>
                      </div>
                  </div>             
              </div> 
          </div>
            <!-- <hr class="layui-bg-gray"> -->

            <div class="line" style="height: 45px; width: 10000px;  background-image: url(../img/b6.png); background-color: white;">
                <span id="fc1" style=" font-size: 40px; font-family: '宋体' serif; color:green; margin-left: 500px;">限时秒杀购</span>
            </div>
            <div style="width: 100%; height: 50px; background-color: white;"></div>

            <div class="se-body" style="width: 80%; height: 100%; border: 1px solid #f0f0f8; margin: auto; margin-top: 50px;background-color: white ">
                <div class="se-time" style="width: 100%; height: 100px; ">
                    

                    <div class="layui-row">
                        <div class="layui-col-md2" style="background-color: green; height: 100px;">
                            <span id="fc1" style=" font-size: 20px; font-family: '宋体' serif; color: white; margin-left: 40px;">14:00正在秒杀距结束：</span>
                            <div id="test2" style="font-size: 20px; color: white; margin-left: 40px;"></div>
                        </div>
                        <div class="layui-col-md2" style="margin-left: 80px; padding-top: 30px;">
                            <span id="fc1" style=" font-size: 20px; font-family: '宋体' serif; color:green; ">16:00：即将开始</span>
                        </div>
                        <div class="layui-col-md2" style="margin-left: 80px; padding-top: 30px;">
                            <span id="fc1" style=" font-size: 20px; font-family: '宋体' serif; color:green; ">18:00：即将开始</span>
                        </div>
                        <div class="layui-col-md2" style="margin-left: 80px; padding-top: 30px;">
                            <span id="fc1" style=" font-size: 20px; font-family: '宋体' serif; color:green; ">20:00：即将开始</span>
                        </div>
                    </div>

                </div>

                <hr class="layui-bg-gray"> 

                <div class="se-product">
                    <div class="layui-row">
                       
                        <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                            <img src="../img/11.jpg" style="height: 200px; ">
                            
                            <p class="t-c"> 
                             进口红西柚 一级中果 6粒家庭装 </p>
                             <hr class="layui-bg-gray">
                             <p style="font-size: 20px; color:red;">￥51.9</p>
                             <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                              
                             <div class="pro-bar"  style="width: 80%; margin: auto;">
                                 <br>
                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                <div class="layui-progress-bar" lay-percent="70%">
                                </div>
                                </div>
     
                                <br>
                            </div>
                            
                            <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                              <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                  <i class="layui-icon">&#xe68f</i>
                                </button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                  <i class="layui-icon">&#xe657</i>
                                </button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                  <i class="layui-icon">&#xe641</i>
                                </button>
                            </div>
                            </div>

                            <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                                <img src="../img/11.jpg" style="height: 200px; ">
                                
                                <p class="t-c"> 
                                 进口红西柚 一级中果 6粒家庭装 </p>
                                 <hr class="layui-bg-gray">
                                 <p style="font-size: 20px; color:red;">￥51.9</p>
                                 <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                                  
                                 <div class="pro-bar"  style="width: 80%; margin: auto;">
                                     <br>
                                    <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                    <div class="layui-progress-bar" lay-percent="70%">
                                    </div>
                                    </div>
         
                                    <br>
                                </div>
                                
                                <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                                  <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                      <i class="layui-icon">&#xe68f</i>
                                    </button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                      <i class="layui-icon">&#xe657</i>
                                    </button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                      <i class="layui-icon">&#xe641</i>
                                    </button>
                                </div>
                                </div>
    

                                <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                                    <img src="../img/11.jpg" style="height: 200px; ">
                                    
                                    <p class="t-c"> 
                                     进口红西柚 一级中果 6粒家庭装 </p>
                                     <hr class="layui-bg-gray">
                                     <p style="font-size: 20px; color:red;">￥51.9</p>
                                     <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                                      
                                     <div class="pro-bar"  style="width: 80%; margin: auto;">
                                         <br>
                                        <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                        <div class="layui-progress-bar" lay-percent="70%">
                                        </div>
                                        </div>
             
                                        <br>
                                    </div>
                                    
                                    <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                                      <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                          <i class="layui-icon">&#xe68f</i>
                                        </button>
                                        <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                          <i class="layui-icon">&#xe657</i>
                                        </button>
                                        <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                          <i class="layui-icon">&#xe641</i>
                                        </button>
                                    </div>
                                    </div>
        

                           
                                    <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                                        <img src="../img/11.jpg" style="height: 200px; ">
                                        
                                        <p class="t-c"> 
                                         进口红西柚 一级中果 6粒家庭装 </p>
                                         <hr class="layui-bg-gray">
                                         <p style="font-size: 20px; color:red;">￥51.9</p>
                                         <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                                          
                                         <div class="pro-bar"  style="width: 80%; margin: auto;">
                                             <br>
                                            <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                            <div class="layui-progress-bar" lay-percent="70%">
                                            </div>
                                            </div>
                 
                                            <br>
                                        </div>
                                        
                                        <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                                          <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                              <i class="layui-icon">&#xe68f</i>
                                            </button>
                                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                              <i class="layui-icon">&#xe657</i>
                                            </button>
                                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                              <i class="layui-icon">&#xe641</i>
                                            </button>
                                        </div>
                                        </div>
            

                    </div>


                </div>


                
                <div class="se-product">
                    <div class="layui-row">
                       
                        <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                            <img src="../img/11.jpg" style="height: 200px; ">
                            
                            <p class="t-c"> 
                             进口红西柚 一级中果 6粒家庭装 </p>
                             <hr class="layui-bg-gray">
                             <p style="font-size: 20px; color:red;">￥51.9</p>
                             <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                              
                             <div class="pro-bar"  style="width: 80%; margin: auto;">
                                 <br>
                                <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                <div class="layui-progress-bar" lay-percent="70%">
                                </div>
                                </div>
     
                                <br>
                            </div>
                            <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                              <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                  <i class="layui-icon">&#xe68f</i>
                                </button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                  <i class="layui-icon">&#xe657</i>
                                </button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                  <i class="layui-icon">&#xe641</i>
                                </button>
                            </div>
                            </div>

                            <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                                <img src="../img/11.jpg" style="height: 200px; ">
                                
                                <p class="t-c"> 
                                 进口红西柚 一级中果 6粒家庭装 </p>
                                 <hr class="layui-bg-gray">
                                 <p style="font-size: 20px; color:red;">￥51.9</p>
                                 <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                                  
                                 <div class="pro-bar"  style="width: 80%; margin: auto;">
                                     <br>
                                    <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                    <div class="layui-progress-bar" lay-percent="70%">
                                    </div>
                                    </div>
         
                                    <br>
                                </div>
                                
                                <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                                  <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                      <i class="layui-icon">&#xe68f</i>
                                    </button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                      <i class="layui-icon">&#xe657</i>
                                    </button>
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                      <i class="layui-icon">&#xe641</i>
                                    </button>
                                </div>
                                </div>
    

                                <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                                    <img src="../img/11.jpg" style="height: 200px; ">
                                    
                                    <p class="t-c"> 
                                     进口红西柚 一级中果 6粒家庭装 </p>
                                     <hr class="layui-bg-gray">
                                     <p style="font-size: 20px; color:red;">￥51.9</p>
                                     <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                                      
                                     <div class="pro-bar"  style="width: 80%; margin: auto;">
                                         <br>
                                        <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                        <div class="layui-progress-bar" lay-percent="70%">
                                        </div>
                                        </div>
             
                                        <br>
                                    </div>
                                    
                                    <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                                      <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                          <i class="layui-icon">&#xe68f</i>
                                        </button>
                                        <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                          <i class="layui-icon">&#xe657</i>
                                        </button>
                                        <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                          <i class="layui-icon">&#xe641</i>
                                        </button>
                                    </div>
                                    </div>
        

                           
                                    <div class="layui-col-md3" style="border: 1px solid #efefef; text-align: center;">
                                        <img src="../img/11.jpg" style="height: 200px; ">
                                        
                                        <p class="t-c"> 
                                         进口红西柚 一级中果 6粒家庭装 </p>
                                         <hr class="layui-bg-gray">
                                         <p style="font-size: 20px; color:red;">￥51.9</p>
                                         <p style="font-size: 10px; color:gray; margin-top: 10px;">已售出：70%</p>
                                          
                                         <div class="pro-bar"  style="width: 80%; margin: auto;">
                                             <br>
                                            <div class="layui-progress layui-progress-big" lay-showpercent="true">
                                            <div class="layui-progress-bar" lay-percent="70%">
                                            </div>
                                            </div>
                 
                                            <br>
                                        </div>
                                        
                                        <div class="site-demo-button" id="layerDemo" style="margin-top:20px ;">
                                          <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                              <i class="layui-icon">&#xe68f</i>
                                            </button>
                                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                              <i class="layui-icon">&#xe657</i>
                                            </button>
                                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-method="offset" data-type="auto">
                                              <i class="layui-icon">&#xe641</i>
                                            </button>
                                        </div>
                                        </div>
            
                    </div>
                </div>
            </div>



            </div>

    
        </div>

        
    </div>

    
  <div class="" style="margin-left: 300px; padding-top: 100px;">
    <div id="demo7"></div>
</div>

<div class="product" style="width: 100%; height: 6%;padding-top: 120px;">
  <div class="bott">
      <div class="bott-f">
          <div class="layui-row">
              <div class="layui-col-md3">
                  <div style="font-size: 10px;">
                      <li><img src="../img/duo.png" alt="">品类齐全,轻松购物</li>
                  </div>
              </div>
              <div class="layui-col-md3">
                  <div style="font-size: 10px;">
                      <li><img src="../img/kuai.png" alt="">多仓直发,极速配送</li>
                  </div>
              </div>
              <div class="layui-col-md3">
                  <div style="font-size: 10px;">
                      <li><img src="../img/hao.png" alt="">正品行货,精致服务</li>
                  </div>
              </div>
              <div class="layui-col-md3">
                  <div style="font-size: 10px;">
                      <li><img src="../img/sheng.png" alt="">天天低价,畅选无忧</li>
                  </div>
              </div>
          </div>

          <div class="layui-row" style="margin-top: 15px;">
              <div class="layui-col-md3">
                  <div>
                      <dt>购物指南</dt>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">购物流程</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">会员介绍</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">常见问题</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">热销商品</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">联系客服</a>
                      </dd>
                  </div>
              </div>
              <div class="layui-col-md3">
                  <div>
                      <dt>配送方式</dt>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">上门自提</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">211限时达</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">配送服务查询</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">配送费收取标准</a>
                      </dd>
                      <dd>
                          <a target="_blank" href="#">海外配送</a>
                      </dd>
                  </div>
              </div>
              <div class="layui-col-md3">
                  <div>
                      <dt>支付方式</dt>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">货到付款</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">在线支付</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">分期付款</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">公司转账</a>
                      </dd>
                  </div>
              </div>
              <div class="layui-col-md3">
                  <div>
                      <dt>售后服务</dt>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">售后政策</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">价格保护</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">退款说明</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">返修/退换货</a>
                      </dd>
                      <dd>
                          <a rel="nofollow" target="_blank" href="#">取消订单</a>
                      </dd>
                  </div>
              </div>
          </div>
      </div>

</div>
</div>
</div>

    

</body>
</html>
    
